window.onload = function() {
    var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);  
    /*var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");
          
    tetronimo.attr(  
        {  
            gradient: '90-#526c7a-#64a0c1',  
            stroke: '#3b4449',  
            'stroke-width': 1,  
            'stroke-linejoin': 'round',  
            rotation: 90
        }  
    );  
    
    tetronimo.node.onmouseover = function() {  
        this.style.cursor = 'pointer';  
    } 

    tetronimo.animate({'stroke-width': 10}, 2000, 'elastic', function() {
        this.animate({  
            rotation: -90,  
            stroke: '#3b4449',  
            'stroke-width': 15,
            //fill: 'blue'
            }, 1000); 
    });*/

    var circle = paper.circle(50, 50, 10)
    circle.animate({x: 100}, 5000, 'elastic')
}
